<template>
  <div>
    <!-- 头部区域
    <el-header>
      <div> -->
        <el-breadcrumb separator-class="el-icon-arrow-right">
          <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
          <el-breadcrumb-item>智能手机</el-breadcrumb-item>
          <el-breadcrumb-item>三星 W</el-breadcrumb-item>
          <el-breadcrumb-item>三星W22 5G</el-breadcrumb-item>
        </el-breadcrumb>
      <!-- </div> -->
      <!-- <div>
        <i>♡<span>收藏</span></i>
        <i class="el-icon-share">分享</i>
      </div> -->
    </el-header>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.el-breadcrumb{
  height: 57px;
    line-height: 57px;
    padding:0px 25px;
}
.el-breadcrumb__item{
   font-size: 16px !important;
}
// .el-header {
//   background-color: #fcfcfc;
//   // 给头部设置一下弹性布局
//   font-size: 14px;
//   display: flex;
//   // 让它贴标左右对齐
//   justify-content: space-between;
//   align-items: center;
// }
// .el-breadcrumb{
//   margin-bottom: 0;
// }
// i{
//   margin-left: 10px;
// }
</style>